<!--  -->
<template>
  <div class="relative text-center mb-[5rem]">
    <div class="text-3xl">{{ title }}</div>
    <div class="text-sm" style="letter-spacing: 2rem">HOUQIHECHENG</div>
    <div class="py-5 flex justify-center">
      <div class="bg-red-500/20 w-[12rem]">/後期/</div>
    </div>
  </div>
</template>

<script setup lang="ts">
interface Props {
  title?: string
  desc?: string
  bg?: string
  user?: string
  course?: string
}
withDefaults(defineProps<Props>(), {
  title: 'PS+AI零基础特效速成班',
  desc: '通过PS和AI软件，帮助你在十分钟内快速制作出合理，精准，写实的特效',
  bg: new URL('../../assets/img/viewImg/pic006.png', import.meta.url).href,
  user: '夏三七',
  course: '特效速成班'
})
</script>
<style scoped>
/* @import url(); 引入css类 */
.link-bg {
  box-shadow: 0 10px 30px #000000c9;
}
</style>
